
<template>
    <div class="footer-box">
        <div class="right-box">
             <el-image class="right-img" :src="brandvImg" fit="contain" />
        </div>
        <span class="tcm" v-lang="{ lang: controlSto.language, lgid: '-2'}"></span>
        <span class="inter-line">|</span>
        <span class="rights-txt" v-lang="{ lang: controlSto.language, lgid: '-3'}">All rights reserved.</span>
    </div>
</template>

<script setup>
    import { ref } from 'vue'
    import { controlStore } from '@/stores/control'

    import brandvImg from '@/assets/img/brandv.png'
    
    const controlSto = controlStore();

</script>


<style lang="scss" scoped>
    .footer-box {
        display: flex;
        height: 40px;
        justify-content: center;
        align-items: center;
        color: #fff;
        background-color: #CB4042;
        .right-box {
            display: inline-block;
            height: 24px;
            padding-right: 5px;
            .right-img {
                width: 20px;
            }
        }
        .inter-line {
            display: inline-block;
            padding: 0 5px;
            font-size: 18px;
        }
    }
</style>
